<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>Document</title>
	<link rel="stylesheet" href="./css/test.css">
	<style>
	#div3{
		float: none;
		color: black;
		transition: width 2s;
	}
	#div3:hover {
		width: 100px;
	}
	/* .green {
		color: green;
	} */
	div{
		width: 20px;
		height: 60px;
		background-color: blueviolet;
		float: left;
		border: 1px solid red;
		color: azure;
	}
	
	span{
		word-break: break-all;
	}
	div[class]{
		color: darkgrey;
	}
	#divnf{
		float: none;
	}
	</style>
	
</head>
<body>
	<div id="div1" style="">1
	</div>
	<div id="div2" class="green">2
	</div>
	<!-- <div id="divnf" >nf
	</div> -->
	<!-- <p>12月27日20时45分，长征五号遥三运载火箭在中国文昌航天发射场点火升空，
		2000多秒后将实践二十号卫星送入预定轨道，发射飞行试验取得圆满成功。此次发
		射飞行试验主要考核长征五号火箭总体方案、各分系统方案的正确性、协调性，
		对后续航天任务的相关关键技术进行验证。</p> -->
	<span>12月27日20时45分，长征五号遥三运载火箭在中国文昌航天发射场点火升空，
		2000多秒后将实践二十号卫星送入预定轨道，发射飞行试验取得圆满成功。此次发file:///Users/jadexie/temp/test3/float.html
		射飞行试验主要考核长征五号火箭总体方案、各分系统方案的正确性、协调性，
		对后续航天任务的相关关键技术进行验证。</span>
		<!-- <div id="divF">F
		</div> -->
	<span>结束</span>
	<div id="div3">
		<span>3</span>
	</div>
</body>
</html>